	<article class="module width_full">
		<header><h3 class="tabs_involved">DANH MỤC LOẠI HOA</h3>
		<ul class="tabs">
   			<li><a href="#tab1">Tất cả</a></li>
		</ul>
		</header>
		<div class="tab_container"  style="overflow-y:scroll; height:200px">
			<div id="tab1" class="tab_content">
			<table class="tablesorter" cellspacing="0" > 
			<thead> 
				<tr> 
    				<th>STT</th> 
    				<th>Mã phân loại hoa</th> 
    				<th>Tên phân loại hoa</th> 
    				<th>Hành động</th> 
				</tr> 
			</thead> 
			<tbody id="category"> 
			<?php
				$i=0;
				foreach($category as $value)
				{
					$i+=1;
					echo "<tr id='row".$value->id."'>";
   					echo '<td>'.$i.'</td>';
    				echo '<td>'.$value->id.'</td>';
    				echo '<td>'.$value->tenloaihoa.'</td>'; 
    				echo "<td><a class='edit-category' href='".$value->id."'><input type='image' src='".base_url()."public/admin/images/icn_edit.png' title='Chỉnh sửa phân loại hoa'></a>
					<a class='delete-cate' href='".$value->id."'><input type='image' src='".base_url()."public/admin/images/icn_trash.png'title='Xóa phân loại hoa'></a>
					<a class='add-cate'><input type='image' src='".base_url()."public/admin/images/icn_add_user.png' title='Thêm phân loại hoa mới'></a></td>";				
					echo '</tr>';
				}
			?>
			</tbody> 
			</table>
			</div><!-- end of #tab1 -->
		
			
		</div><!-- end of .tab_container -->
		
	</article><!-- end of content manager article -->	
<form id="edit_form" class="contact_form" method="post" name="contact_form">
</form>	
<form id="add_form" class="contact_form" method="post" name="contact_form">
</form>
<script>
	$(document).ready(function() {
		$('.edit-category').click(function(e) {
			e.preventDefault();
			var id_cate=$(this).attr("href");
			$.ajax({
				type: "POST",
				url: globalurl+'index.php/admin/editcategory',
				data: {
					id_cate: id_cate              
				},
				success: function(data) {
					$('#edit_form').toggle("slow");
					$('#edit_form').html(data);

				}
			});     
			
		}); 
		
		
	   $('#edit_form').submit(function(e){
			e.preventDefault();
			var id_cate=$('#cateid').val();
			var name_cate=$('#catename').val();
				$.ajax({
					type: "POST",
					url: globalurl+'index.php/admin/updatecate',
					data: {
						id_cate: id_cate,
						name_cate: name_cate
					},
					success: function(data) {
						$('#row'+id_cate).html(data);
						$('#edit_form').toggle("slow");					
						
					}
				});  
			
			
		});	

	   $('.delete-cate').click(function(e) {
			e.preventDefault();
			var id_cate=$(this).attr("href");
			if (confirm('Bạn có muốn xóa phân loại hoa này?')){
				$.ajax({
					type: "POST",
					url: globalurl+'index.php/admin/deletecate',
					data: {
						id_cate: id_cate              
					},
					success: function(data) {
						$('#row'+id_cate).hide();
					}
				});  
			}			
			
		});

	   $('.add-cate').click(function(e) {
			e.preventDefault();	
				$.ajax({
					type: "POST",
					url: globalurl+'index.php/admin/view_addcate',
					data: {
					},
					success: function(data) {
						$('#add_form').html(data);	
						$('#add_form').toggle("slow");					
						
					}
				});  
			
			
		});	

	   $('#add_form').submit(function(e){
			e.preventDefault();
			var name_cate=$('#catename').val();			
				$.ajax({
					type: "POST",
					url: globalurl+'index.php/admin/addnewcate',
					data: {
						catename: name_cate			
					},
					success: function(data) {
						$('#category').append(data);
						$('#add_form').toggle("slow");
						
					}
				});  
			
			
		});				
		
	
	});
	
</script>
